@import './custom.scss';
.breadcrumb{
  width: 100%;
  height: 80px;
  line-height: 80px;
  box-sizing: border-box;
  background-color: $font-color-white;
  border-bottom: 1px solid $breadcrumb-border-color;
  font-size: 0;
  position: relative;

  .crumb-text,
  .crumb-link{
    display: inline-block;
    font-size: 14px;
    color: $font-color-666;
    margin-left: 25px;
  }
  .crumb-text:first-child,
  .crumb-link:first-child{
    margin-left: 0px;
  }
  .no-margin{
    margin-left: 0;
  }
  .crumb-link{
    cursor: pointer;
    &:hover{
      color: $active-color;
    }
  }
  .crumb-arrow{
    position: relative;
    left: 0;
    top: 0;
    &:before,
    &:after{
      position: absolute;
      left: 100%;
      top: 50%;
      content: ' ';
    }
    &:before{
      margin-top: -6px;
      margin-left: 10px;
      border:6px solid transparent;
      border-left-color: $font-color-666;
    }
    &:after{
      margin-top: -4px;
      margin-left: 10px;
      border:4px solid transparent;
      border-left-color:#fff;
    }
  }
}

@import './breadcrumb-media.scss';
